﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>弹出层登录页面 - 源码之家</title>

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<link rel="Stylesheet" type="text/css" href="css/loginDialog.css" />
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet" href="css/style.css">

</head>
<body>

    <a href="#" id="example">登录DIY账号窗口示例</a>


    <div class="container">
	    <div id="LoginBox">
	        <div class="row1">
	            登录DIY账号窗口<a href="javascript:void(0)" title="关闭窗口" class="close_btn" id="closeBtn">×</a>
	        </div>
	        <div class="row-login">
	            用户名: <span class="inputBox">
	                <input type="text" id="txtName" placeholder="账号/邮箱" />
	            </span><a href="javascript:void(0)" title="提示" class="warning" id="warn">*</a>
	        </div>
	        <div class="row-login">
	            密&nbsp;&nbsp;码: <span class="inputBox">
	                <input type="text" id="txtPwd" placeholder="密码" />
	            </span><a href="javascript:void(0)" title="提示" class="warning" id="warn2">*</a>
	        </div>
	        <div class="row-login">
	            <button href="#" id="loginbtn" class="btn button-default">登录</button>
	        </div>
	    </div>
    </div>

<div style="text-align:center;">
<!-- <p>来源：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p> -->
<script type="text/javascript" src="js/popupBox.js"></script>
</div>
</body>
</html>
